<template>
  <div class="four-platform">
    <div class="platform-text"><p>{{ eventType === "中心录入事件" ? "中心交办事件" : eventType }}</p></div>
    <!-- 类型为：矛调协同平台 -->
    <div v-if="eventType == '矛调协同平台'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">原部门事件编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.code }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.typename }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生区域</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.region }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.slTime }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">来访人姓名</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.pname }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">身份证号码</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.idno }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">联系方式</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.pphone }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">涉及人数</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.sumVisit }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.description }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">受理主体</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.slzt }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">处理结果</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.dealResult }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.statusName }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >是否初次上访</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ Number(content.lfcs) > 1 ? "否" : "是" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">来访次数</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.lfcs }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">来源系统</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.emergency || "阿里矛调协同平台" }}</p>
        </el-col>
      </el-row>
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">住址</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.firstPartAddress }}</p>
        </el-col>
      </el-row> -->
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.occurPlace }}</p>
        </el-col>
      </el-row> -->
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件名称</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.title }}</p>
        </el-col>
      </el-row> -->

      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">性别</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.firstPartGender }}</p>
        </el-col>
      </el-row> -->
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件种类</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.eventKind }}</p>
        </el-col>
      </el-row> -->
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">当前服务类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.serviceType }}</p>
        </el-col>
      </el-row> -->
      <!-- <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否重点关注</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.important }}</p>
        </el-col>
      </el-row> -->
      <el-radio-group v-model="activeName1" style="margin-bottom: 10px">
        <el-radio-button label="受理流程">受理流程</el-radio-button>
        <el-radio-button label="来访人">来访人</el-radio-button>
      </el-radio-group>
      <el-row v-show="activeName1 == '受理流程'">
        <el-col :span="5" :offset="1" class="platform-title"
          >&nbsp;&nbsp;</el-col
        >
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step
              v-for="item in processList"
              :key="item.$index"
              :title="item.dealDate"
              :description="item.orgOneToFour + item.stateCode"
            >
              <div slot="description">
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >处理时间</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.signTime }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >处理人</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.userName }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >处理部门</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.dpName }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >处理状态</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>
                      {{
                        item.state === "01"
                          ? "未接单"
                          : item.state === "02"
                          ? "处理中"
                          : item.state === "03"
                          ? "已办结"
                          : item.state === "04"
                          ? "已退单"
                          : "--"
                      }}
                    </p>
                  </el-col>
                </el-row>
                <!-- <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">调解人</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.mediatorName }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">办理情况</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.appealContent }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">办理情况</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.dealResultContent }}</p>
                  </el-col>
                </el-row> -->
              </div>
            </el-step>
          </el-steps>
        </el-col>
      </el-row>
      <el-row v-show="activeName1 == '来访人'">
        <el-col :span="5" :offset="1" class="platform-title"
          >&nbsp;&nbsp;</el-col
        >
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step
              v-for="item in personList"
              :key="item.$index"
              :title="item.partName"
            >
              <div slot="description">
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >联系方式</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.phone }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title"
                    >身份证号码</el-col
                  >
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.idno }}</p>
                  </el-col>
                </el-row>
                <!-- <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">住址</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.partAddress }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">申请类型</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.visitorType }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="6" :offset="1" class="platform-title">单位名称</el-col>
                  <el-col :span="16" class="platform-text">
                    <p>{{ item.companyName }}</p>
                  </el-col>
                </el-row> -->
              </div>
            </el-step>
          </el-steps>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为：基层治理四平台 -->
    <div v-else-if="eventType == '基层治理四平台' || eventType == '中心录入事件'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >原部门事件编号</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.originalNum }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件标题</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.title }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.content }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生网格</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.region }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.location }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.type }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">录入人员</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.username }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">附件</el-col>
        <el-col :span="16" class="platform-text">
          <el-image
            v-show="content.pics"
            style="width: 100px; height: 100px; margin: 0 5px"
            v-for="(item, index) in content.pics"
            :key="'b-' + index"
            :src="item"
          ></el-image>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">评分</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.evaluateType ? content.evaluateType + "分" : "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">评价内容</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.evaluateContent || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">受理流程</el-col>
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step
              v-for="item in content.progressList"
              :key="item.$index"
              :title="item.time + item.iconDes"
              :description="item.iconUser + item.iconPhone + item.place"
            >
              <div slot="description">
                {{ item.iconUser + item.iconPhone + item.place }}<br />
                <p>{{ item.smallText }}</p>
              </div>
            </el-step>
          </el-steps>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为：12345或者其他 -->
    <div v-else-if="eventType == '12345' || eventType == '其他'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.eventId || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >原部门事件编号</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.serialNumber || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件标题</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.title || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">标题</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.overview || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">住访人</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.username || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">户口所在地</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.region || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">信访目的</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.aim || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">信访人诉求</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.content || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">人数</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.involveNumber || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">涉及人数</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.peopleNumber || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">问题属地</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.region || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">登记单位</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.regUnit || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">登记部门</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.regDept || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">信访日期</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">登记日期</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.regTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >首次信访标志</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.firstFlag || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">办结时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.finishTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">办结标志</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.statusName || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">限办时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.limitTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">办理程序</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.procedure || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否越级</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.isOver || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >是否联名信或集体访</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.isJoint || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否匿名</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.isPrivate || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否公开</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.isPublic || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否保密</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.isAnonymous || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >是否依法处理</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.isLaw || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >涉及地区标志</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.involveRegion || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >责任单位评价</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.unitEvaluate || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >信访部门评价</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.deptEvaluate || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">行业分类</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.industryType || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">备注</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.remark || "--" }}</p>
        </el-col>
      </el-row>
      <el-row v-if="Array.isArray(content.progressList)">
        <el-col :span="5" :offset="1" class="platform-title">流程</el-col>
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step v-for="item in content.progressList" :key="item.$index">
              <div slot="title">
                {{ item.time || item.createTime }}&nbsp;&nbsp;&nbsp;&nbsp;{{
                  item.status || item.iconDes
                }}
              </div>
              <div slot="description">
                <el-row>
                  <el-col class="platform-title" :span="5">派单员</el-col>
                  <el-col class="platform-text" :span="16">
                    <p>
                      {{ item.username || item.iconUser || "--"
                      }}{{ item.iconPhone }}
                    </p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col class="platform-title" :span="5">去向单位</el-col>
                  <el-col class="platform-text" :span="16">
                    <p>{{ item.goUnit || item.place || "--" }}</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col class="platform-title" :span="5">描述</el-col>
                  <el-col class="platform-text" :span="16">
                    <p>{{ item.description || item.smallText || "--" }}</p>
                  </el-col>
                </el-row>
              </div>
            </el-step>
          </el-steps>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为:村情通 -->
    <div v-else-if="eventType == '村情通'">
      <div v-if="content.sourceType == '02'">
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title"
            >原部门事件编号</el-col
          >
          <el-col :span="16" class="platform-text">
            <p>{{ content.uuid || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">事件来源</el-col>
          <el-col :span="16" class="platform-text">
            <p>一件事</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xqlx || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.createTime || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">姓名</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xm || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title"
            >身份证号码</el-col
          >
          <el-col :span="16" class="platform-text">
            <p>{{ content.sfz || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">手机号码</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.sjh || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">人员类型</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.rysf }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">发生区域</el-col>
          <el-col :span="16" class="platform-text">
            <p>
              {{ content.org1 || "--" }}{{ content.org2 || "--"
              }}{{ content.org3 || "--" }}{{ content.org4 }}
            </p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xqnr || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">附件</el-col>
          <el-col :span="16" class="platform-text">
            <el-image
              v-show="content.pics"
              style="width: 100px; height: 100px; margin: 0 5px"
              v-for="(item, index) in content.pics"
              :key="'b-' + index"
              :src="item"
            ></el-image>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.status }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">评价</el-col>
          <el-col :span="16" class="platform-text">
            <p>
              {{
                content.pj === 1
                  ? "1星"
                  : content.pj === 2
                  ? "2星"
                  : content.pj === 3
                  ? "3星"
                  : content.pj === 4
                  ? "4星"
                  : content.pj === 5
                  ? "5星"
                  : "未评价"
              }}
            </p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">评语</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.py || "--" }}</p>
          </el-col>
        </el-row>
        <el-row v-if="Array.isArray(content.cqtTaskList)">
          <el-col :span="5" :offset="1" class="platform-title">流程</el-col>
          <el-col :span="16" class="platform-text">
            <el-steps direction="vertical">
              <el-step
                v-for="(item, index) in content.cqtTaskList"
                :key="item.$index"
              >
                <div slot="title">
                  <span class="date">{{ item.startDate }}</span>
                  <span class="state" v-if="item.userId && index === 0"
                    >创建人：{{ content.xm || "--" }}</span
                  >
                  <span class="state" v-else>
                    {{
                      item.bmsf === "1"
                        ? "牵头部门"
                        : item.bmsf === "2"
                        ? "联动部门"
                        : "--"
                    }}:
                    {{
                      item.state === "0"
                        ? "未处理"
                        : item.state === "1"
                        ? "完成"
                        : item.state === "-1"
                        ? "退回"
                        : item.state === "2"
                        ? "上报"
                        : "--"
                    }}
                  </span>
                  <span class="state poste">
                    {{
                      item.state === "0"
                        ? "未处理"
                        : item.state === "1"
                        ? "完成"
                        : item.state === "-1"
                        ? "退回"
                        : item.state === "2"
                        ? "上报"
                        : "--"
                    }}
                  </span>
                </div>
                <div slot="description">
                  <div v-if="index === 0">
                    {{
                      item.rysf === "5"
                        ? "区级部门"
                        : item.rysf === "6"
                        ? "乡镇联络员"
                        : "--"
                    }}
                  </div>
                  <div class="place" v-else-if="index !== 0 && item.orgName">
                    {{ item.orgName }}
                  </div>
                  <div v-else>
                    {{
                      item.rysf === "5"
                        ? "区级部门"
                        : item.rysf === "6"
                        ? "乡镇联络员"
                        : "--"
                    }}
                  </div>
                  <div>{{ item.content || "--" }}</div>
                  <el-image
                    v-show="item.pics"
                    style="width: 100px; height: 100px; margin: 0 5px"
                    v-for="(it, index) in item.pics"
                    :key="'b-' + index"
                    :src="it"
                  ></el-image>
                </div>
              </el-step>
            </el-steps>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">乡镇评分</el-col>
          <el-col :span="16" class="platform-text">
            <div v-for="item in content.yjsPy" :key="item.$index">
              <span
                >{{ item.orgName }}:{{
                  item.xzpj === 0
                    ? "未评价"
                    : item.xzpj === 3
                    ? "满意"
                    : item.xzpj === 2
                    ? "一般"
                    : item.xzpj === 1
                    ? "不满意"
                    : "未评价"
                }}</span
              >
              <span>{{ item.xzpy || "--" }}</span>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title"
            >牵头部门评分</el-col
          >
          <el-col :span="16" class="platform-text">
            <div v-for="item in content.yjsPy" :key="item.$index">
              <span
                >{{ item.orgName }}:{{
                  item.xzpj === 0
                    ? "未评价"
                    : item.xzpj === 3
                    ? "满意"
                    : item.xzpj === 2
                    ? "一般"
                    : item.xzpj === 1
                    ? "不满意"
                    : "未评价"
                }}</span
              >
              <span>{{ item.xzpy || "--" }}</span>
            </div>
          </el-col>
        </el-row>
      </div>
      <div v-if="content.sourceType == '01'">
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title"
            >原部门事件编号</el-col
          >
          <el-col :span="16" class="platform-text">
            <p>{{ content.originalNum || content.serialNumber || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">事件来源</el-col>
          <el-col :span="16" class="platform-text">
            <p>一点就办</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.createTime || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">姓名</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xm || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title"
            >身份证号码</el-col
          >
          <el-col :span="16" class="platform-text">
            <p>{{ content.sfz || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">手机号码</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.sjh || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">人员类型</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.rysf }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">发生区域</el-col>
          <el-col :span="16" class="platform-text">
            <p>
              {{ content.org1 || "--" }}{{ content.org2 || "--"
              }}{{ content.org3 || "--" }}{{ content.org4 }}
            </p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xqlx || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.xqnr || "--" }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">附件</el-col>
          <el-col :span="16" class="platform-text">
            <el-image
              v-show="content.pics"
              style="width: 100px; height: 100px; margin: 0 5px"
              v-for="(item, index) in content.pics"
              :key="'b-' + index"
              :src="item"
            ></el-image>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.status }}</p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">评价</el-col>
          <el-col :span="16" class="platform-text">
            <p>
              {{
                content.pj === 1
                  ? "1星"
                  : content.pj === 2
                  ? "2星"
                  : content.pj === 3
                  ? "3星"
                  : content.pj === 4
                  ? "4星"
                  : content.pj === 5
                  ? "5星"
                  : "未评价"
              }}
            </p>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5" :offset="1" class="platform-title">评语</el-col>
          <el-col :span="16" class="platform-text">
            <p>{{ content.py || "--" }}</p>
          </el-col>
        </el-row>
        <el-row v-if="Array.isArray(content.cqtTaskList)">
          <el-col :span="5" :offset="1" class="platform-title">流程</el-col>
          <el-col :span="16" class="platform-text">
            <el-steps direction="vertical">
              <el-step
                v-for="(item, index) in content.cqtTaskList"
                :key="item.$index"
              >
                <div slot="title">
                  <span class="state" v-if="item.userId && index === 0"
                    >创建人：{{ content.xm || "--" }}</span
                  >
                  <span class="state" v-else>
                    {{
                      item.rysf === "1"
                        ? "村民"
                        : item.rysf === "2"
                        ? "网格员"
                        : item.rysf === "3"
                        ? "团员"
                        : item.rysf === "4"
                        ? "团长"
                        : item.rysf === "5"
                        ? "区级部门联络员"
                        : item.rysf === "6"
                        ? "乡镇联络员"
                        : item.rysf === "7"
                        ? "村社集体"
                        : item.rysf === "8"
                        ? "总管理员"
                        : "--"
                    }}：{{ item.userName || "--" }}
                  </span>
                  <span class="state poste">
                    {{
                      item.state === "0"
                        ? "未处理"
                        : item.state === "1"
                        ? "完成"
                        : item.state === "-1"
                        ? "退回"
                        : item.state === "2"
                        ? "上报"
                        : "--"
                    }}
                  </span>
                </div>
                <div slot="description">
                  <div>
                    <span class="place"
                      >{{ item.startDate }} -- {{ item.endDate }}</span
                    >
                  </div>
                  <div>
                    <span class="place">{{ item.content || "--" }}</span>
                  </div>
                  <el-image
                    v-show="item.pics"
                    style="width: 100px; height: 100px; margin: 0 5px"
                    v-for="(it, index) in item.pics"
                    :key="'b-' + index"
                    :src="it"
                  ></el-image>
                </div>
              </el-step>
            </el-steps>
          </el-col>
        </el-row>
      </div>
    </div>

    <!-- 类型为:邻礼通 -->
    <div v-else-if="eventType == '邻礼通'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >原部门事件编号</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.eventId || content.serialNumber || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">报修人姓名</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.name || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">联系电话</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.mobile || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">地址</el-col>
        <el-col :span="16" class="platform-text">
          <p>
            {{ content.street || "--" }}{{ content.policeDistrict || "--"
            }}{{ content.aname || "--" }}
          </p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.type || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.content }}</p>
        </el-col>
      </el-row>
      <el-row v-if="content.images">
        <el-col :span="5" :offset="1" class="platform-title">内容附件</el-col>
        <el-col :span="16" class="platform-text">
          <!-- <p>{{content.images}}</p> -->
          <el-image
            style="width: 100px; height: 100px; margin: 0 5px"
            v-for="(item, index) in JSON.parse(content.images)"
            :key="'b-' + index"
            :src="item.replace('https', 'http')"
          ></el-image>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.replyTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复内容</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.reply || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复附件</el-col>
        <el-col v-if="content.rimages" :span="16" class="platform-text">
          <el-image
            style="width: 100px; height: 100px; margin: 0 5px"
            v-for="(item, index) in JSON.parse(content.rimages)"
            :key="'b-' + index"
            :src="item.replace('https', 'http')"
          ></el-image>
        </el-col>
        <el-col v-else :span="16" class="platform-text">
          <p>{{ "--" }}</p>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为:政企通 -->
    <div v-else-if="eventType == '政企通'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.originalNum || content.eventId || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.occurplace || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.appealContent || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">是否公开</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.ispublic || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">点击量</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.hits || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">处理部门</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.unitname || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">处理时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.handeltime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复</el-col>
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step
              v-for="item in content.zqtReplylist"
              :key="item.$index"
              :title="item.replytime + item.unitname"
              :description="item.replycontent"
            ></el-step>
          </el-steps>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">附件</el-col>
        <el-col :span="16" class="platform-text">
          <!-- <p>{{content.attachmentlists}}</p> -->
          <el-image
            v-show="content.attachmentlists"
            style="width: 100px; height: 100px; margin: 0 5px"
            v-for="(item, index) in JSON.parse(content.attachmentlists) || []"
            :key="'b-' + index"
            :src="item.imgurl"
          ></el-image>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为:通衢问政 -->
    <div v-else-if="eventType == '通衢问政'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.uuid || content.eventId || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">标题</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.asktitle || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.appealContent || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">网友名称</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.userName || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.org }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复</el-col>
        <el-col :span="16" class="platform-text">
          <el-steps direction="vertical">
            <el-step
              v-for="item in content.tqReplylist"
              :key="item.$index"
              :title="item.addTime || ''"
              :description="item.replyContent.replace(/<.*?>/g, '')"
            >
            </el-step>
          </el-steps>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">回复部门</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.unitname }}</p>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为:网格事件 -->
    <div v-else-if="eventType == '网格事件'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.id || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件标题</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.title || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.content || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生网格</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.occurOrg || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.targetOrg || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.issueType || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">录入人员</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.userName || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">录入方式</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.reportSourceName || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status || "--" }}</p>
        </el-col>
      </el-row>
    </div>

    <!-- 类型为:数字城管 -->
    <div v-else-if="eventType == '数字城管'">
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title"
          >原部门事件编号</el-col
        >
        <el-col :span="16" class="platform-text">
          <p>{{ content.eventId || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">案卷编号</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.originalNum || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.createTime || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">问题分类</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.type || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">事件类型</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.fileType || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">发生地点</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.region || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">内容描述</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.content || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">问题来源</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.source || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">监督员姓名</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.monitorName || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">状态</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.status || "--" }}</p>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5" :offset="1" class="platform-title">完成时间</el-col>
        <el-col :span="16" class="platform-text">
          <p>{{ content.finishTime || "--" }}</p>
        </el-col>
      </el-row>
    </div>

  </div>
</template>
<script>
import { getEventListDetail , processAndViditors } from "../../utils/api";
export default {
  name:"township-dialog",
  props: {
    eventListDetailMsg: Object,
  },
  watch: {
    eventListDetailMsg: {
      deep: true,
      handler: function () {
        this.init();
      },
    },
  },
  data() {
    return {
      eventType: null,
      list: [],
      activeName1: "受理流程",
      content: {
        bh: "事件编号",
        bt: "事件标题",
        ms: "事件描述",
        name: "",
        notName: null,
      },
      processList: [],
      personList: [],
    };
  },
  methods: {
    init() {
      let list = [
        "矛调协同平台",
        "基层治理四平台",
        "中心录入事件",
        "12345",
        "村情通",
        "邻礼通",
        "政企通",
        "通衢问政",
        "网格事件",
        "数字城管",
      ];

      console.log(this.eventListDetailMsg, "this.eventListDetailMsg");
      
    //  得到当前点击事件的类型
    this.eventType = this.eventListDetailMsg.source || this.eventListDetailMsg.originName;

    // 如果当前类型不存在或者不在list列表中,都把类型归为"其他"
    if (!this.eventType || list.indexOf(this.eventType) == -1) {
        this.eventType = "其他";
    }

    // 类型"网格事件"归于"基层治理四平台"
    if (this.eventType === "网格事件") {
        this.eventType = "基层治理四平台";
    }

    let name = this.eventListDetailMsg.source || this.eventListDetailMsg.origin;
    if (name === "网格事件") {
        name = "基层治理四平台";
    }

    // 获得类型的id
    const sourceId = this.eventListDetailMsg.sourceId || this.eventListDetailMsg.eventId || this.eventListDetailMsg.orderId || this.eventListDetailMsg.serialNumber;
    
    // 当类型名和id同时存在时，进行查询;
    if (name && sourceId) {
        
        // 根据name，sourceId进行查询
        getEventListDetail(name, sourceId).then((res) => {
            if (res.status === 200) {
                this.content = res.data.data;
                // this.$emit("init", { ...res.data.data, ...this.eventListDetailMsg });
                var eventSource  = { ...res.data.data, ...this.eventListDetailMsg };
                window.fromPlatformInit(eventSource);
                window.passhandleInit(eventSource);
                if (this.eventType == "中心受理" || this.eventType == "矛调协同平台") {
                    processAndViditors(this.content.eventId).then((result) => {
                        this.processList = result.data.data.bizEventMaoDiaoOutProcessDtos.reverse();
                        this.personList = result.data.data.bizEventMaoDiaoVisitorDtos.filter((item) => item);
                    });
                }
            }
        });
    } else {
            this.content = this.eventListDetailMsg;
        }
    },
  },
  mounted() {
    this.init();
  },
};
</script>
<style  scoped>
.four-platform {
  height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 60px 30px;
}
.four-platform .el-col p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.platform-title {
  text-align: right;
  color: #fff;
  line-height: 32px;
  padding-right: 10px;
  font-size: 18px;
}
.platform-text p {
  color: #6dfffd !important;
  font-size:18px
}
.four-platform::-webkit-scrollbar {
  width: 6px;
}
.four-platform::-webkit-scrollbar-thumb {
  background-color: #415993;
  border-radius: 3px;
}
</style>

<style>
.four-platform .el-steps--vertical .el-step .el-step__head {
  color: #fff;
  border-color: #fff;
}
.four-platform .el-steps--vertical .el-step .el-step__head .el-step__icon {
  color: #fff;
  background: #1a73e8;
  border: none;
}
.four-platform .el-step__line {
  background: #1a73e8;
}
.four-platform .el-steps--vertical .el-step .el-step__main .el-step__title {
  color: #fff;
  font-size: 16px;
}
.four-platform
  .el-steps--vertical
  .el-step
  .el-step__main
  .el-step__description {
  color: #6dfffd;
  padding: 10px 0;
  font-size: 16px;
}
</style>
